<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.bgc{
				width:1208px;
				margin:0 auto;
				height:70px;
				background: url(img/nav-bar_g.png);
			}
			.mar{
				margin-left:115px;
			}
			.mar li{
				display: block;
				float: left;
				display: inline-block;
				text-align: center;
				margin-left: 5px;
			}
			.ho{
				display: block;
				width: 134px;
				height: 80px;
				line-height: 60px;
				text-decoration: none;
				font-size: 30px;
				color: white;
			}
			span{
				display: block;
				width: 210px;
				height: 80px;
			}
			.hov{
				display: block;
				width: 200px;
				height: 80px;
				line-height: 60px;
				text-decoration: none;
				text-align: center;
				font-size: 30px;
				color: white;
				margin-right: 10px;
			}
			.ho:hover{
				color: #c23a2f;
				transition: all 0.5s ease-out;
				background:url(img/bg-navitem.png);
			}
			.hov:hover{
				color: #c23a2f;
				transition: all 0.5s ease-out;
				background:url(img/bg-naviteml.png);
			}
		</style>
	</head>
	<body>
		<div class="bgc">
			<ul class="mar">
				<li><a class="ho" href="">要闻</a></li>
				<li><a class="hov" href=""><span>代表委员之声</span></a></li>
				<li><a class="ho" href="">直播</a></li>
				<li><a class="ho" href="">访谈</a></li>
				<li><a class="ho" href="">策划</a></li>
				<li><a class="ho" href="">互动</a></li>
				<li><a class="ho" href="">多语种</a></li>
			</ul>
		</div>
	</body>
</html>
